const autoprefixer = require('autoprefixer')  // 这个依赖不用安装
const pxtorem = require('postcss-pxtorem')
const BASE_URL = process.env.NODE_ENV === 'production' ? './' : '/';

module.exports = {
    devServer: {
        open: true,
        host: 'localhost',
        port: 8081,
        https: false,
        //以上的ip和端口是我们本机的;下面为需要跨域的
        proxy: {  //配置跨域
            '/chss': {
                target: 'http://192.168.31.205:9982/chss/',  //这里后台的地址模拟的;应该填写你们真实的后台接口
                ws: true,
                changOrigin: true,  //允许跨域
                withCredentials: true,
                // pathRewrite: {
                //     '^/api': ''  //请求的时候使用这个api就可以
                // }
            }
        }
    },
    // Eslint检测
    lintOnSave: false,
    publicPath: BASE_URL,
    assetsDir: './',
    css: {
        loaderOptions: {
            postcss: {
                plugins: [
                    autoprefixer(),
                    pxtorem({
                        rootValue: 75, // 根字体大小，如果设计图是750的话 记得除2
                        unitPrecision: 5,
                        propList: ['*'], // 作用在哪些属性上 我这里用的是通配符
                        selectorBlackList: ['vant-'], // 将哪些html元素排除在外，我这里添加了一个vant的
                        replace: true,
                        mediaQuery: false,
                        minPixelValue: 0,
                        exclude: /node_modules/i
                    })
                ]
            }
        }
    }

}
